@import "../../styles/base";

//首页
.ga-index{
  .container{
    color:red;
    width: 100%;
    display:block;

  }
  .slide-image{
    height: 100%;
    width: 100%;
  }

  .ga-alert{
    .img-box{
      width:460rpx;

      .img{
        width:100%;
        @include border-radius(25rpx);
      }
    }
  }

  .menu-box{
    background: #fff;
    height: auto;
    display: block;
    overflow: hidden;

    .item{
      /* width:20%; */
      width:25%;
      height: auto;
      text-align: center;
      float:left;
      padding:34rpx 0;

      .img{
        width: 62rpx;
        height: 62rpx;
      }

      p{
        font-size: 24rpx;
        margin-top:20rpx;
      }
    }
  }

  .h1{
    margin-top:18rpx;
    background: url("http://ga-1255639017.file.myqcloud.com/images/home/a_titpng.png") center no-repeat;
    background-size: auto 100%;
    text-align: center;
  }

  .h2{
    margin-top:18rpx;
    padding:0 22rpx;

    span{
      font-size:30rpx;
      @include wh(auto,45rpx,45rpx);
      border-left:10rpx solid $primary;
      display:block;
      padding-left:16rpx;
    }

    .link{
      font-size: 24rpx;
      @include wh(auto,45rpx,45rpx);
      color:$gray;
    }
  }

//tab
.tab{  
    display: flex;  
    flex-direction: column;  
}  
.tab-nav{  
    height: 80rpx;    
    display: flex;  
    line-height: 79rpx;  
    position: relative;  
}  
  
.tab-line{  
    position: absolute;  
    left: 0;  
    bottom: -1rpx;  
    height: 6rpx;  
    background: #ff3a35;  
    transition: all 0.3s;  
}  
  .recommend-lists{
    .item{
      display:block;
      margin-top:20rpx;

      .img{
        width:100%;
      }
    }
  }

  .ga-group-list{
    .item{
      margin-top:10rpx;
      font-size:22rpx;
    }
    .img-box{
      @include wh(235rpx,175rpx);
      border:1rpx solid $grayLighter;
      @include border-radius(8rpx);
      @include box-shadow(4rpx 6rpx 15rpx $grayLighter);
    }

    .p1{
      margin-top:5rpx;
      color:$gray;
      @extend %ellipsis-basic;
    }
    .p2{
      color:$gray;
      span{
        color:$primary;
      }
    }
    .p3{
      margin-top:10rpx;
      font-size:18rpx;
      color:$grayLight;
      span{
        text-decoration: line-through;
      }
    }
    .p4{
      color:$primary;
      font-size:18rpx;

      span{
        font-size:22rpx;
      }
    }

    .btn{
      position: absolute;
      right:0;
      bottom:0;
      z-index:$zindexDropdown;
    }
  }

  .ga-newest-list{
    margin-top:18rpx;

    .item{
      border-bottom:1rpx solid $grayLighter;
      &:last-child{
        boder:none;
      }
    }

    .img-box{
      @include wh(115rpx,115rpx);
      @include border-radius(50%);
      @include box-shadow(0rpx 0rpx 9rpx 3rpx $grayLight);
    }

    .cart{
      position: absolute;
      right:0;
      bottom:0;
      z-index: $zindexDropdown;
      @include wh(35rpx,35rpx);
      @include border-radius(50%);
      background: url("http://ga-1255639017.file.myqcloud.com/images/icon/cart.png") no-repeat;
      background-size: 100% 100%;
    }

    .p1{
      color:$grayLight;
      height:50rpx;
      line-height:25rpx;
      overflow: hidden;
    }
    .p2{
      color:$primary;
      margin-top:5rpx;

      span{
        text-decoration: line-through;
        color:$grayLight;
        font-size:18rpx;
        margin-right:17rpx;
      }
    }
  }

  .ga-bargain-list{
    @extend %flex;
    @include flex-wrap(wrap);
    margin-top:8rpx;

    .item{
      margin-top:10rpx;
      @include wh(369rpx,369rpx);
      border:1rpx solid $grayLighter;
      background: #fff;

      a{
        display:block;
        height:100%;
      }
    }

    .img-box{
      @include wh(369rpx,185rpx,185rpx);
    }

    .con-box{
      margin:22rpx;
      position: relative;

      .p1{
        @extend %ellipsis-basic;
        font-size:25rpx;
      }

      .p2{
        margin-top:24rpx;
        font-size:18rpx;
        color:$gray;
      }

      .p3{
        margin-top:11rpx;
        font-size:28rpx;
        color:$primary;
      }
    }

    .btn{
      position: absolute;
      right:0;
      bottom:0;
    }
  }



}
